.wrap-contact {
    .contact {
        overflow: hidden;
        .text {
            width: 50%;
            float: left;
            border-right: 1px solid #ebebeb;
            margin-top: 60px;
            padding-right: 120px;
            @media(max-width: 1440px){
                padding-right: 100px;
            }
            @media(max-width: 1199px){
                padding-right:40px;
                margin-top: 50px;
            }
            @media(max-width: 991px){
                width: 100%;
                padding-right: 0;
                border: none;
            }
            h4 {
                color: @color;
                font-size: 16px;
                font-weight: 600;
            }
            p {
                font-size: 16px;
                color: @c6;
                font-weight: normal;
            }
            .note {
                border-top: 1px dotted #dadada;
                padding-top: 30px;
                p {
                    color: @c6;
                    line-height: 30/15;
                    font-weight: normal;
                    &.tel,
                    &.phone,
                    &.email {
                        &:before {
                            font-family: "iconfont";
                            content: '\e65a';
                            width: 20px;
                            margin-right: 10px;
                            font-size: 20px;
                            line-height: 30px;
                            float: left;
                        }
                    }
                    &.phone:before {
                        content: '\e692';
                    }
                    &.email:before {
                        content: '\e623';
                        font-size: 17px;
                        margin-top: 2px;
                    }
                    a:hover {
                        text-decoration: underline;
                    }
                }
            }
            .share {
                margin-top: 40px;
                li {
                    display: inline-block;
                    margin-left: 30px;
                    transition: transform .2s ease-in-out;
                    padding: 0;
                    float: none;
                    text-align: center;
                    &:first-child {
                        margin-left: 0;
                    }
                    &:hover {
                        transform: translateY(-4px);
                    }
                    a {
                        display: block;
                        width: 25px;
                        height: 30px;
                        text-align: left; // background-color: #3b5998;
                        border-radius: 50%;
                        &:after {
                            font-family: "iconfont";
                            content: '\e615';
                            color: #bcbcbc;
                            font-size:18px;
                            line-height: 30px;
                        }
                        &:hover {
                            text-decoration: none;
                        }
                    }
                }
                .twitter {
                    // a{
                    //     background-color: #55acee;
                    // }
                    a:after {
                        content: '\e60b';
                    }
                }

                .linkedin {
                    a:after {
                        content: '\e6f0';
                    }
                }
                .google {
                    // a{
                    //     background-color: #dc4e41;
                    // }
                    a:after {
                        content: '\e60c';
                    }
                }
                .youtube {
                    // a{
                    //    background-color: #c4302b;
                    // }
                    a:after {
                        content: '\e6bd';
                    }
                }
                .instagram {
                    // a{
                    //     background-color: #d82f81;
                    // }
                    a:after {
                        content: '\e607';
                    }
                }
            }
            .map{
                height: 400px;
                border:1px solid #e8e8e8;
                margin-top: 70px;
                overflow: hidden;
                @media(max-width: 991px){
                    margin-top: 40px;
                }
                img{
                    height: 100%;
                }
            }
        }
        .message {
            width: 50%;
            float: left;
            padding-left: 120px;
            margin-top: 60px;
            @media(max-width: 1440px){
                padding-left: 100px;
            }
            @media(max-width: 1199px){
                padding-left:40px;
            }
            @media(max-width: 991px){
                width: 100%;
                padding-left: 0;
                margin-top: 40px;
            }
            .m-title{
                h3{
                    font-size:18px;
                    margin: 4px 0 0 0;
                    font-weight: 600;
                }
                p{
                    margin-top: 30px;
                    font-size:16px;
                    color: @c6;
                }
                span{
                    color:#1691de;
                    font-weight: 400;
                }
            }
            form{
                margin-top: 20px;
                input,
                textarea{
                    padding: 10px 20px;
                    line-height: 25px;
                    border:1px solid #e2e2e2;
                    width: 100%;
                    margin-top: 18px;
                }
                .ipt(@c6,#c5c5c5);
                .submit{
                    width: 100%;
                    padding: 0;
                    height: 45px;
                    line-height: 45px;
                    background-color: @color;
                    color: @cf;
                    .radius(0);
                    margin-top: 25px;
                    font-weight: 500;
                    &:hover{
                        text-decoration: underline;
                    }
                }
            }
        }
    }
}
